page{
	height: 100%;
}
.category{
	height: 100%;
	background-color: $colorf9;
}
.ctry-content{
	
}
.nav-left{
	width: 150upx;
	background-color: $bg01;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	font-size: 24upx;
	color: $color3;
	.nav-left-item {
		display: flex;
		line-height: 90upx;
		text-align: center;
		justify-content: center;
	}
	.nav-active{
		font-size: 26upx;
		color: $bg02;
	}
}
.nav-right{
	width: 600upx;
	position: absolute;
	left: 150upx;
	top: 0;
	bottom: 0;
	background-color: #f9f9f9;
	box-sizing: border-box;
	padding: 25upx 30upx 0;
}
// header图片
.top-img {
		border-radius: 10upx;
		overflow: hidden;
		margin-bottom: 20upx;
		image{
			width: 567upx;
			height: 160upx;
		}
	}
	
	// 分类内容部分
	.nav-right-content{
		width: 100%;
		
		height: 100%;
		.nav-right-box{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			.nav-right-item{
				flex: 1;
				min-width: 260upx;
				max-width: 260upx;
				height: 400upx;
				background-color: #fff;
				border-radius: 10upx;
				margin-bottom: 24upx;
				image{
					width: 260upx;
					height: 260upx;
					border-radius: 10upx 10upx 0 0;
				}
				.item-title{
					line-height: 46upx;
					font-size: 24upx;
					// text-align: center;
					color: $color3;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					text-indent: 20upx;
					}
					.item-msg{
						padding: 0 10upx;
						height: 44upx;
						// line-height: 44upx;
						display: flex;
						justify-content: space-between;
						align-items: center;
						.price-1{
							font-family: Din;
							font-size: 24upx;
							color: #ff557d;
							.price-1-1{
								font-size: 40upx;
							}
						}
						.price-2{
							padding: 0 8upx;
							color: #999;
							font-size: 20upx;
							text-decoration: line-through;
						}
						.msg-3{
							margin-left: 10upx;
							font-size: 22upx;
							color: #ffaa00;
						}
						
					}
				
				.item-line3{
					padding: 0 20upx;
					.font20{
						margin-left: 6upx;
					}
					image{
						width: 12upx;
						height: 20upx;
					}
					.button4{  
						width: 88upx;
						height: 46upx;
						border-radius: 22.5upx;
						font-size: 26upx;
						float: right;
						padding-top: 10upx;
						// margin-top: 12upx;
						color: #FFFFFF;
					}
				}	
			}
		}
		
	}
	
	